<template>
<div>
    <div left>
        <slot name="left"></slot>
    </div>
	<background-image h5 w5 bd-gray4 left mgr2 bg-cover :value=item.commodityPicture||item.picture></background-image>
    <div left>
        <p sz1>{{item.commodityName}}</p>
        <p gray3>
            <span v-for="(value, key) in item.shoppingOptionParameters" :key="key" mgr1>{{value}}</span>
        </p>
        <slot name="detail"></slot>
    </div>
    <div right mgr2>
        <slot name="right"></slot>
    </div>
</div>
</template>

<script lang="ts">
import { Component, Vue,Inject, Prop,Watch } from 'vue-property-decorator';
import AbpBase from '../../lib/abpbase'
import BackgroundImage from '@common/components/background-image'

@Component({
    components: { BackgroundImage }
})
export default class OrderDetailProfile extends AbpBase{
    @Prop() detail:any;
    get item() {
        return this.detail;
    }
}
</script>

<style>

</style>
